<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>书目</title>
    <!--    <link rel='stylesheet' href="../statics/plugins/bootstrap-3.3.7-dist/"/>-->
    <!--    <script src="../statics/plugins/jquery-min.js/"></script>-->
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</head>
<body>
<div class="col-xs-6 col-sm-6">
<nav class="navbar navbar-default" role="navigation">
	<div class="container-fluid">
	<div class="navbar-header">
		<a class="navbar-brand" href="/">起点中文网</a>
	</div>
	<form class="navbar-form navbar-left" role="search">
		<div class="input-group">
			<input type="text" class="form-control" placeholder="Search">
            <span class="input-group-btn">
		<button type="submit" class="btn btn-success">提交</button>
        </span>
		</div>
	</form>
	</div>
</nav>
</div>
<div class="col-xs-6 col-sm-2">
        <ul class="list-group">
            {%for i in book_type%}
            <li class="list-group-item"><a href="{{i}}" class="nav-link">{{i}}</a></li>
            {% endfor %}
        </ul>
    </div>
</body>
</html>